<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/myorder.css"/>
		<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="css/myorder-changepassword.css"/>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
	</head>
	<body>
		<div class="myOrderGrey">
			<div class="myOrderGrey-main">
				<div class="myOrder-leftSide" style="border: 1px red solid;">
					<div class="myOrder-leftSide-Title">我的暴风商城</div>
					<div class="myOrder-leftSide-center">
						<ul class="myOrder-leftSide-center-list">
							<li class="myOrder-leftSide-center-list-title">订单中心</li>
							<li class="myOrder">
								<a href="">我的订单</a>
							</li>
							<li>
								<a href=""> 暴风影音VIP订单 </a>
							</li>
							<li>
								<a href=""> 暴风影音影视会员订单</a>
							</li>
							<li>
								<a href=""> 众筹订单</a>
							</li>
							<li>
								<a href=""> 魔镜商城历史订单</a>
							</li>
						</ul>
					</div>
					<div class="myOrder-leftSide-serviceafter">
						<div class="myOrder-leftSide-serviceafter-title">售后服务</div>
						<div class="myOrder-leftSide-serviceafter-return-goods">
							<a href=""> 退货</a>
						</div>
					</div>
					<div class="myOrder-leftSide-center">
						<ul class="myOrder-leftSide-center-list">
							<li class="myOrder-leftSide-center-list-title">个人中心</li>
							<li>
								<a href="">我的优惠券</a>
							</li>
							<li>
								<a href=""> 我的余额</a>
							</li>
							<li>
								<a href="myOrder-favourate.html"> 喜欢的商品</a>
							</li>
							<li>
								<a href="myOrder-message.html"> 我的消息</a>
							</li>
						</ul>
					</div>

					<div class="myOrder-leftSide-center">
						<ul class="myOrder-leftSide-center-list">
							<li class="myOrder-leftSide-center-list-title">账户管理</li>
							<li>
								<a href="myorder-changepassword.html">修改密码</a>
							</li>
							<li>
								<a href="myOrder-manaddr.html"> 收货地址管理</a>
							</li>

						</ul>
					</div>
				</div>
				<div class="myOrder-rightSide">
					<div id="address-manager">
						<div>收货地址管理</div>
						<div class="address-manager-box">
							<div class="address-manager-delete">删除 修改</div>
							
						</div>
                        <div class="address-manager-addplace">
                        	<div class="add-address-bton"></div>
                        	
                        </div>
					</div>
				</div>
			</div>
		</div>
		<div id="template" style="display: none;">

			<form class="layui-form" style="width: 400px;padding: 20px;box-sizing: border-box;">
				<div class="layui-form-item">
					
					<div class="layui-input-block">
						<input type="text" id="user" placeholder="收件人姓名" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					
					<div class="layui-input-block">
						<input type="text" id="user_pwd" placeholder="手机号" class="layui-input">
					</div>
				</div>
				
				<div class="layui-form-item">
					<label class="layui-form-label">真实姓名</label>
					<div class="layui-input-block">
						<input type="text" id="user_name" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">性别</label>
					<div class="layui-input-block">
						<input type="radio" name="sex" value="0" title="男" checked>
						<input type="radio" name="sex" value="1" title="女">
					</div>
				</div>
			</form>

		</div>
		
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/distpicker.data.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/distpicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/distpicker.data.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/distpicker.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
<script src="js/alertLogin.js" type="text/javascript" charset="utf-8"></script>
<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
<script src="js/addheader.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$("body").addHeader()
	$("#distpicker2").distpicker({
			province: "---- 所在省 ----",
			city: "---- 所在市 ----",
			district: "---- 所在区 ----"
		})
			layui.use('layer', function() {
//				var layer = layui.layer;
//           var $ = layui.jquery
//				layer.msg('hello');
				
			$(".address-manager-addplace").click(function(){
				layer.open({
					
					type:1,
					title:"新增收货地址",
					area:['500px','400px'],
					btn:['保存','取消'],
					yes:function(index,layero){
						layer.close(index)
						console.log(yes)
					},
					content: $("#template")
				})
			})
			})
			
		</script>
	</body>
</html>
